<template>
  <div id="bao">
    <div class="banner"></div>
    <div class="option">
      <router-link to="/bao/list1">正在抢购</router-link>
      <router-link to="/bao/list2">上新预告</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {

}
</script>

<style>
  .banner{
    height: 100px;
    background-image: linear-gradient(to bottom,blue,red);
  }
  .option{
      height: 30px;
      background: red;
  }
  a{
      text-decoration: none;
      display: inline-block;
      width: 20%;
      margin: 0 10px;
      color: white;
  }
  .router-link-active{
      color: skyblue;
      font-weight: 700;
  }
</style>